<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%
response.setHeader("Access-Control-Allow-Origin", "*");
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>车企资讯·数据工厂</title>
	<link href="${pageContext.request.contextPath }/img/webLogoIcon.png" rel="shortcut icon">
    <link href="${pageContext.request.contextPath }/css/bootstrap.min.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath }/css/font-awesome.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath }/css/animate.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath }/css/style.css" rel="stylesheet">
    <!-- FooTable -->
    <link href="${pageContext.request.contextPath }/css/footable.core.css" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css" rel="stylesheet" />
    <link href="${pageContext.request.contextPath}/css/mypage.css" rel="stylesheet">
</head>
<body>
    <div id="wrapper">
        <nav class="navbar-default navbar-static-side" role="navigation">
            <%request.setAttribute("LEFT", "carCompany");%>
            <%@include file="../components/left.jsp"%>
        </nav>
        <div id="page-wrapper" class="gray-bg">
        <div class="row border-bottom" style="margin-bottom: 20px;">
		<jsp:include page="../components/head.jsp" flush="true" />
        </div>
        <div class="row wrapper border-bottom white-bg page-heading">
            <div class="col-lg-9">
                <h2>车企资讯</h2>
                <ol class="breadcrumb">
                	<li class="nav-main1">
                		<a href="${pageContext.request.contextPath}/admin/tosystem_overview">主页</a>
                	</li>
                	<li class="nav-main2" >
                		<span id="navigation1" href="#" >汽车行业</span>
                	</li>
                	<li class="active">
                		<span>车企资讯</span>
                	</li>
               	</ol>
            </div>
        </div>
        <div class="wrapper wrapper-content animated fadeInRight">
            <div class="row">
                <div class="col-lg-12">
                    <div class="ibox float-e-margins">
                    <div class="ibox float-e-margins" id="dataInfoLine"></div>
                        <div class="ibox-content">
                            <div class="row" style="font-size: 16px;padding: 0 20px;" id="data-source">
                            </div>
                            <div class="row m-t-sm">
                                <div class="col-lg-12">
                                <div class="panel blank-panel">
                                <div class="panel-body">
                                <div class="tab-content">

                                <div class="input-group" style="display: flex; align-items: center;">
                                 	<span id="dataCount" style="display: none;margin-right: 10px;font-size: 16px;font-weight: 600;">共0条</span>
                               		<div class="inputbox" style="position: relative;display: table;">
                                        <div class="input-group-btn">
                                            <button data-toggle="dropdown" class="btn btn-primary dropdown-toggle" type="button" style="border-radius: 3px 0 0 3px; margin-bottom: 0" aria-expanded="false"><i class="fa fa-bars"></i><span id="selecterName" style="margin-left: 10px">全部</span></button>
                                            <ul class="dropdown-menu" id="selectBox">
                                            	<li data-time="all"><a href="#">全部</a></li>
                                                <li data-time="24h"><a href="#">24小时</a></li>
                                                <li data-time="7d"><a href="#">7天</a></li>
                                                <li data-time="30d"><a href="#">30天</a></li>
                                            </ul>
                                        </div>
                                        <input type="text" id="searchkeyword" class="form-control" style="width:440px;padding-right: 42px;"placeholder="搜索">
                                        <i id="gosearch" onclick="article(1)" class="fa fa-search cursearch"></i>
                                    </div>
                                </div>

                                <div class="tab-pane active" id="tab-1">

                                    <div class="feed-activity-list" id="list">

                                    </div>
                                    <div class="feed-activity-list" id="logs">
                                    	<div class="box" id="box" style="float: right;"></div>
                                    </div>
                                </div>
                                </div>
                                </div>
                                </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
        </div>
        </div>
		<jsp:include page="../components/footer.jsp" flush="true" />
        </div>
        </div>
    <!-- Mainly scripts -->
    <script src="${pageContext.request.contextPath }/js/jquery-2.1.1.js"></script>
    <script src="${pageContext.request.contextPath }/js/bootstrap.min.js"></script>
    <script src="${pageContext.request.contextPath }/js/jquery.metisMenu.js"></script>
    <script src="${pageContext.request.contextPath }/js/jquery.slimscroll.min.js"></script>
    <!-- Custom and plugin javascript -->
    <script src="${pageContext.request.contextPath }/js/inspinia.js"></script>
    <script src="${pageContext.request.contextPath }/js/pace.min.js"></script>
    <!-- FooTable -->
    <script src="${pageContext.request.contextPath }/js/footable.all.min.js"></script>
	<script src="${pageContext.request.contextPath}/js/mypage.js"></script>
	<script src="${pageContext.request.contextPath}/js/anychart-base.min.js"></script>
	<script src="${pageContext.request.contextPath}/js/userCustom.js"></script>
    <!-- Page-Level Scripts -->
    <script>
	  //搜索筛选
   $("#selectBox li").on("click",function(){
    	console.log($(this).attr("data-time"))
    	$('#selecterName').html($(this).text());
    	timeseek(this)
    })
    $(document).ready(function() {
    	var data=${nowArray};
        createLine("车企资讯",1,data);
        $('.footable').footable();
    });

        $(function(){
        	keywords()
        	article(1)
		});

        var keyword = ''
        var time = ''

		function keywords(){
     		var list = ['宝马', '奔驰', '奥迪', '丰田', '特斯拉']
    		for (var i = 0; i < list.length; i++) {
     			var html = ''
     			if (i == 0) {
     				keyword = list[i]
     				html = '<span onclick="query(this)" data-type='+list[i]+' class="source sourceAct">'+list[i]+'</span>'
				}else {
					html = '<span onclick="query(this)" data-type='+list[i]+' class="source">'+list[i]+'</span>'
				}
		    	$('#data-source').append(html)
			}
        }

        function query(obj){
          	$(obj).addClass('sourceAct')
        	$(obj).siblings().removeClass('sourceAct')
        	keyword = $(obj).attr('data-type')
        	article(1)
        }

        function timeseek(obj) {
        	time = $(obj).attr("data-time")
        	article(1)
		}

		function article(pageNum){
			var searchkeyword = $('#searchkeyword').val()
        	$.ajax({
        		url : "${pageContext.request.contextPath}/carCompany/article",
        		type : "post",
        		data:{
        			pageNum: pageNum,
        			keyword: keyword,
        			time: time,
        			searchkeyword: searchkeyword
        		},
        		success : function(res1) {
        			$('#list').html('')
        			$('#data-puisne').html('')
        			let res = JSON.parse(res1);
        			$('#dataCount').html('共'+res.totalData+'条')
        			if (res.totalPage > 500) {
        				res.totalPage = 500;
					}
        			paging(res.totalData, res.totalPage, pageNum);
        			var list = res.list
        			for (var i = 0; i < list.length; i++) {
        				var content = list[i].content
						var html =
							'<div class="custom-article b-b"> '+
							'    <div class="article-content p-l-0">'+
							'    	<div class="article-content-title">'+
					        '      		<a target="_blank" href="${pageContext.request.contextPath}/information/informationDetails?article_public_id='+list[i].article_public_id+'&type=carCompany">'+list[i].title+'</a>'+
					        '        </div>'+
					        '        <div class="article-content-con">'+content+'</div>'+
					        '        <div class="article-content-tips m-t-0">'+
						    '        	<div class="article-source"><i class="fa fa-globe"></i>来源网站：'+list[i].sourcewebsitename+'</div>'+
						    '            <div class="article-time"><i class="fa fa-clock-o"></i>时间：'+list[i].publish_time+'</div>'+
						    '    	</div>'+
							'    </div>'+
							'</div>	'

					     $('#list').append(html)
					}
        			if (list.length == 0) {
        				$('#list').html('<div class="feed-element">暂无数据！</div>')
					}
        		},
        		error: function(res) {
        			$('#list').html('<div class="feed-element">暂无数据！</div>')
        		}
        	});
        }

        function paging(totalData,totalPage, pagenum) {
			$('#box').paging({
				initPageNo : pagenum, // 初始页码
				totalPages : totalPage, //总页数
				totalCount : '合计' + totalData + '条数据', // 条目总数
				slideSpeed : 600, // 缓动速度 单位毫秒
				jump : true, //是否支持跳转
				callback : function(page) { // 回调函数
					}
			});
		}

		function JumpToPage(pageNum) {
			article(pageNum)
		}

		//跑马灯方法
// 		 function init(){
// 			    //获取标题
// 			    var title=document.title;
// 			    //分割字符串--->字符数组
// 			    var arr=title.split("");
// 			    //删除第一个元素并返回该元素
// 			    var e=arr.shift();
// 			    //把一个对象添加到数组末尾
// 			    arr.push(e);
// 			    //把数组转换成字符串
// 			    var marquee=arr.join("");
// 			    //返回给浏览器
// 			    document.title=marquee;
// 			    //定时一直执行
// 			    window.setTimeout("init()",1000);
// 			}
// 			window.onload=init;
    </script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
</body>
</html>
